<template>
	<footer class="footer">
		<div class="footer-container">
			<div class="footer-record">
				<div>京ICP备 13018369</div>
				<div>电话挂失 010-56233825</div>
			</div>
			<div class="footer-cooperation">
				<ul class="cooperation">
					<li>联系我们</li>
					<li>合作伙伴</li>
					<li>用户协议</li>
					<li>隐私协议</li>
				</ul>
			</div>
		</div>
	</footer>
</template>

<script lang="ts">
	export default {
		name: 'hospitalFooter',
	};
</script>

<script setup lang="ts"></script>

<style lang="scss" scoped>
	.footer {
		width: 100vw;
		height: 50px;
		background-color: #f1f2f6;
		display: flex;
		justify-content: center;

		.footer-container {
			width: 1200px;
			height: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.footer-record {
				display: flex;

				div {
					color: #8e8f93;
					font-size: 14px;
				}

				& > div:first-child {
					margin-right: 10px;
				}
			}

			.footer-cooperation {
				.cooperation {
					display: flex;

					li {
						color: #8e8f93;
						font-size: 14px;
						margin-left: 10px;
					}

					li:hover {
						cursor: pointer;
					}

					& > li:first-child {
						margin-left: 0;
					}
				}
			}
		}
	}
</style>
